import { defineComponent } from "vue";
export default defineComponent({
	props: {},
	emits: [],
	setup() {
		return () => {
			return (
				<div class="bg-white p-6">
					<div class="page-title flex">
						<div class="title-left-line"></div>告警统计
					</div>
					<div class="top alarm-level grid grid-cols-4 gap-6 pt-4">
						<div class="bg-gray-100 h-20 shadow-md flex items-center justify-between p-4 pr-4">
							<div>一般告警</div>
							<div class="text-xl font-bold text-red-600">100</div>
						</div>
						<div class="bg-gray-100 h-20 shadow-md flex items-center justify-between p-4 pr-4">
							<div>重要告警</div>
							<div class="text-xl font-bold text-orange-500">100</div>
						</div>
						<div class="bg-gray-100 h-20 shadow-md flex items-center justify-between p-4 pr-4">
							<div>严重告警</div>
							<div class="text-xl font-bold text-blue-500">100</div>
						</div>
						<div class="bg-gray-100 h-20 shadow-md flex items-center justify-between p-4 pr-4">
							<div>危险告警</div>
							<div class="text-xl font-bold text-green-500">100</div>
						</div>
					</div>
				</div>
			);
		};
	}
});
